<template>
  <div>
    <el-table ref="table" :data="dataSource">
        <el-table-column fixed="left" label="序号" width="70">
          <template v-slot="{ $index }">
            <div v-if="$index === 0"><i class="iconfont icon-Xm-diyiming1" /></div>
            <div v-else-if="$index === 1"><i class="iconfont icon-Xm-shiliangzhinengduixiang" /></div>
            <div v-else-if="$index === 2"><i class="iconfont icon-Xm-disanming" /></div>
            <div v-else class="typeIndex">{{ $index + 1 }}</div>
          </template>
        </el-table-column>
      </el-table>
  </div>
</template>

<script>
export default {
  components: {},
  mixins: [],
  props: {},
  data() {
    return {
    }
  },
  computed: {},
  watch: {},
  created() {},
  mounted() {},
  methods: {}
}
</script>

<style lang="scss" scoped>
.icon-Xm-diyiming1,.icon-Xm-shiliangzhinengduixiang,.icon-Xm-disanming{
  color: #fe7800;
  font-size: 24px;
}
.typeIndex{
  margin-left: 8px;
}
</style>
